<template>
  <div class="video">
    <div class="container">
      <my-video :sources="video.sources" :options="video.options"></my-video>
    </div>
  </div>
</template>

<script>
import myVideo from "vue-video";
export default {
  components: {
    myVideo
  },
  data() {
    return {
      video: {
        sources: [
          {
            src: "http://covteam.u.qiniudn.com/oceans.mp4",
            type: "video/mp4"
          }
        ],
        options: {
          autoplay: true,
          volume: 0.6,
          poster: "http://covteam.u.qiniudn.com/poster.png"
        }
      }
    };
  }
};
</script>

<style scoped>
</style>